<?php session_start();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="index.css">
<link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<title>Cappuccino</title>
</head>

<body>

    <nav> 
    <!-- Les 3 boutons de la barre de nav + la barre de recherche -->
        <ul>
        	<li class="li_left">
            	<a href="index.php"><img src="512/home.png" width="35" height="35" alt="" /></a>
            </li>
            <li class="li_left">
            	<a href="article.php"><img src="512/ios7-drag.png" width="35" height="35" alt="" /></a>
            </li>
            <li id="li_title">
            	CappuccinoO WebSite
            </li>
            <li class="li_right">
					
					<?php 
					if ($_SESSION != null){?>
                    
                  <ul id="menu">	
                    <a href="/profil.php"><li id="overflow">	
                        <img src="512/ios7-contact-outline.png" width="35" height="35" alt="" />
                    </li></a>
           			<a href="/settings.php"><li class="option">
                    	<img src="512/settings.png" width="35" height="35" alt="" />
                    </li></a>
                    <a href=""><li class="option">
                    	<img src="512/power.png" width="35" height="35" alt="" />
                    </li></a>
				 </ul>
                 
				 <?php }
                  else { ?>
                  
                 <ul id="menu">	
                        <a href="/login.php"><li id="overflow">
                 	 		<img src="512/ios7-contact-outline.png" width="35" height="35" alt="" /></li></a>
               	 </ul>
                 
                 <?php } ?>
                 
            </li>
        </ul>
    </nav>
    <div id="nofloat"></div>
    <article>
    	<!-- Structure Modifiable START -->
         <div class="news">
            	Welcome to the cappuccinoo website project ;) </p>
                L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom.
            </div>
        <!-- Structure Modifiable END -->
    </article>
    </body>
</html>
